Slide 1 
Accessibility Testing in the Enterprise 
The Accessible Technology Webinar Series is sponsored by the Great Lakes ADA Center and the Pacific ADA Center, both members of the ADA National Network.
The Session is Scheduled to begin at 1:00 pm CT
We will be testing sound quality periodically
The content and materials of this training cannot be used or distributed without permission. This training is funded under award #H133A060097 from the U.S. Department of Education through the auspices of the National Institute on Disability and Rehabilitation Research (NIDRR. For permission to use training content or obtain copies of materials used as part of this program please contact us by email at adata@adagreatlakes.org or toll free (800) 949-4232 (V/TTY) in IL, IN, MI, MN, OH, and WI.  For other all other states call (312) 413-1407
Slide 2 
Webinar Features
Closed captioning – click CC icon (located in the Audio/Video Panel) or control-F8 (command-F8) and adjust your screen.
Questions - Highlight “Great Lakes” in the participant list and “right click” on your mouse to send a private message.  Type your message into the chat area that appears.  The question will be viewed by all moderators. (Keyboard - F6, Arrow up or down to locate “Great Lakes” and select to send a message )
Customize your view – You can change the size and location of any of the panels (Chat, etc.) by hovering your mouse over the         icon at the right of each panel and select “Detach Panel”.  Each panel can be repositioned and resized.
Please do not use emoticons or hand-raising features during this session
Slide 3 
Accessibility Testing in the Enterprise
Automated and Manual Testing Tools for today’s businesses.
Slide 4
Accessibility Overview
Section 508 
Part of the Rehabilitation Act of 1973
Amended in 1998
Required Federal IT to be accessible  starting June 2001
There is a refresh coming (we hope)

Slide 5 
Accessibility Overview
Web Content Accessibility Guidelines (WCAG) 2.0
Internationally accepted guidelines
Just accepted by International Organization for Standardization as a standard 
Slide 6 
WCAG 2.0
Four Basic Principles of Accessibility
Perceivable - Information and user interface components must be presentable to users in ways they can perceive.
Operable - User interface components and navigation must be operable.
Understandable - Information and the operation of user interface must be understandable.
Robust - Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
12 Guidelines
61 Success Criteria
Slide 7
What is Disability?
People with disabilities
are first PEOPLE
Slide 8
What is Disability?
…but is a disability strictly a personal characteristic
of the body?

Slide 9 
What is Disability?
…or do we create 
disabling environments?

Slide 10
Disabling Environments
Buildings without elevators (disabling for wheelchair users) 
Desks and water fountains with no room underneath (disabling for wheelchair users)
Microwaves and other appliances with only touch screens (disabling for blind people)
Theaters, concerts, speeches, sports, and other live events without interpretation or captions (disabling for deaf people)

Slide 11
Digital Technology
can be an accessibility barrier…
But it is also one of the best solutions ever invented.

Slide 12 

How can a Blind Person Read a Newspaper?
Slide 13
How can a Person with Very Little Mobility Go Shopping?
Slide 14
Our Responsibility
As Digital Content Providers is to ensure that our content is available to EVERYONE
Our Responsibility

Slide 15
Testing for Accessibility
With 61 Success Criteria, how on Earth do we test for accessibility?

System Wide “Enterprise” Testing and Monitoring

Local browser based page by page testing

Slide 16
Accessibility is like a 
Cookie Recipe
Slide 17
Web Accessibility Testing 
Recipe
Slide 18 
Web development process
Accessible web development
Slide 19
Standard Web Development Process:  Step 1 Design. Step 2 Code.  Step2 Test.  Step 4 Launch.
Slide 20
Step 1 Design.  Plan for Accessibility.
Step 2 Code.   Equip developers with tools and training for accessibility.
Step2 Test.  Conduct automated and manual accessibiltiy testing.
Step 4 Launch.  Monitory accessibility continuously.
Slide 21
Accessibility Testing 
is NOT Icing
Slide 22
Cost to Fix Accessibility Defects
Chart Description:
Chart: Cost Fact  0 - 12; Web Development Process Phase. Design Cost Factor 1, Cost Factor Code 3, Cost Factor Test 6, Cost Factor Maintain 10.
Slide 23
Practical Accessibility  Testing
The Right Mix of High Tech                 
The Right Mix High Touch
Slide 24
The Right Mix of High Tech                 
The Right Mix High Touch
Pie Chart 1/3 High Touch, 2/3 High Touch

Slide 25 
Enterprise Accessibility
Image: Professional Kitchen filled ovens and tools for industrial size cooking

Slide 26 
Automatic Testing
Image: screen shot of fire eyes software
Use of a desktop or web-based application, IDE plugin or browser plugin to look for potential accessibility problems
May or may not involve the use of spiders to crawl multiple pages
May or may not involve the ability to schedule repeat tests and/or automate reports
Slide 27 
Benefits of Automated Testing
Ability to scan large volumes of code – on a single page, site wide and anything in between
Ability to automatically generate reports
Ability to catch errors which do not need humans to review
Configurable to include / exclude specific guidelines and checking methods
Slide 28
Issues with automated tools
Passing items which should fail
Failing items which should pass
Difficulties with content dependent on user interaction with forms
Slide 29
Issues with automated tools (con’t)
Difficulties with pages that utilize JavaScript to render content
Questionable checking rules “failing” a document for items which have no real-world impact on access.
The tools test markup, but not non-text formats
Tools often test only the markup itself without assessing DOM structure

Slide 30
Issues with automated tools (con’t)
Security restrictions may not allow the automated tool to access the site
Security restrictions may disallow installation of the automated tool on the client system
Many accessibility compliance requirements are things which cannot definitively be tested for via automatic means
Slide 31
Worldspace Sync by Deque
Image: Screenshot of Worldspace Sync allows you to see a dashboard of your accessibility scores across your organization.  With one click glance you will know your current overall accessibility rating and be able to see which of your web sites is doing the best, and which sites need to improve their accessibility.
Slide 32
Manual testing techniques:
Code-level review of the generated HTML/CSS markup
Browser / Hardware Manipulation
Assistive Technology Testing

Slide 33
Benefits of Manual Testing
High level of accuracy
Errors are not just flagged but repairs can be suggested
Slide 34
Issues with manual testing
Outcome reliant on skillset and experience of reviewer
Very time intensive
Increased code complexity = increased likelihood of mistakes
Slide 35
Issues with manual testing (con’t)
Code inspection limited mostly to markup
Some issues should be tested by machine
Some issues cannot be found by automatic no manual means
Slide 36
High TechTouch Testingwww.verybestbaking.com 
Wave  
wave.webaim.org
Jim Thatcher’s Favelet’s
jimthatcher.com/favelets
Web Developer (Firefox Extension)
addons.mozilla.org/en-US/firefox/addon/60
Accessibility Evaluator
addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/
Juicy Studio Accessibility Toolbar
addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too
Headings Map
addons.mozilla.org/en-us/firefox/addon/headingsmap/
FireEyes 
    www.deque.com/deque-fireeyes
Slide 37
Image: screenshot of verybestbaking.com
Slide 38
Smoke Test
Does this page have 
OBVIOUS Accessibility Issues?
Slide 39 
WAVE
Go to http://wave.webaim.org/
Type in URL to test
Press “WAVE this page” button
WAVE  - 7 Accessibility Errors!

Slide 40
WAVE results for verybestbaking.com home page
Slide 41
Meaningful Alt
Slide 42
screenshot of Jim Thatchers favelets bar installed in Firefox
Images & Jim Thatcher’s Favelets
Install Jim Thatcher’s Favelet’s in Firefox 
jimthatcher.com/favelets/
Find “Images” menu on JT Favelets and select “Active Images” 
Reviewing Alt Text for Active Images
Slide 43
screenshot of jim thatcher's favelets results showing alt text for active images
Slide 44
Web Developer Toolbar
Install Web Developer Toolbar in Firefox
Open Firefox and Select “Replace Images with ALT Attributes”
Check Home Page with Images Replaced by ALT
Slide 45
screenshot of verybestbaking home page with images replaced by alt text
Slide 46
Color Contrast
Slide 47 
FAE & Color Contrast
Install Functional Accessibility Evaluator (FAE) in FireFox addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/
Select “Color Contrast ” from Style (on FAE toolbar)
Slide 48
FAE Color Contrast Issues
screenshot of color contrast issues for verybestbaking home page as reported by the functional accessibility evaluator
Slide 49
Meaningful Link Text
Slide 50
FAE & Link Text
Accessibility Evaluator in FireFox 
Select “Links ” from Navigation (on FAE toolbar)
screenshot of functional accessibility evaluator in firefox
Slide 51 
FAE & Link Text
screenshot of link list for verybestbaking home page as reported by the functional accessibility evaluator
Slide 52
Heading Structure
Slide 53
Headings Map
Install Heading Map plugin in Firefox 
addons.mozilla.org/en-us/firefox/addon/headingsmap
Select “Headings Map” from the Tools menu
screenshot of headings map installed in firefox
Slide 54
Headings Map
Image: Screenshot headings map outline for verybestbaking home page displayed in firefox
Slide 55
ARIA Landmarks
Slide 56
Juicy Studios Accessibility Toolbar
Install Juicy Studios Accessibility Toolbar plugin in Firefox 
addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too
Image: Screenshot of JuicyStudios Accessibility Toolbar installed in Firefox
Slide 57
Select “Document Landmarks” from the ARIA menu
Juicy Studios Accessibility Toolbar
screenshot of ARIA landmark roles on a page (indentified by the JuicyStudios Accessibility Toolbar)
Slide 58
FireEyes by Deque
www.deque.com/deque-fireeyes
Slide 59
Demo of FireEyes Accessibility Testing Tool
Image: List of Accessibility Issues for verybestbaking home page displayed in FireEyes
Slide 60
Using FireEyes to Test for Color Contrast
Image: List of color contrast Issues for verybestbaking home page displayed in FireEyes
Slide 61
FireEyes Color Contrast Results
Image:Screenshot of color contrast

Slide 62
Your FireEyes Toolset
Image: FireEyes runs tests for WCAG, 508, Color Contrast, Reading Order, ARIA and more
Slide 63
The Right Mix 
1/3 HighTech, 2/3 HighTouch
Slide 64
Shoestring Testing Plan
Home Page
Smoke Test
Representative Pages
Page by Page Testing Tool(s)
Expert Functionality Testing
No Eyes – Screenreader 
No Ears – No Sound
No Hands – Keyboard Only
Slide 65
Practical Testing 
Comprehensive Testing
High Tech
Enterprise Accessibility Scans
Representative Pages
High TouchTech
Page by Page Testing Tools
High Touch
Expert Functionality Testing
Screenreader 
No Sound
Keyboard Only
Key User Paths
High Touch
Hands-on Accessibility Testing
Slide 66
Equal Access for All
No Sight
No Sound
No Mouse

No Problem
Slide 67
Resources
Enterprise:
•	Compliance Sheriff from HiSoftware - http://www.hisoftware.com/products/hisoftware-compliance-sheriff.aspx 
•	AMP (Accessibility Management Platform) from SSB Bart - https://www.ssbbartgroup.com/amp/index.php 
•	Accenture Digital Diagnostics Engine (ADDE) - http://www.accenture.com/us-en
•	Worldspace from Deque Systems – http://worldspace.deque.com
Slide 68
Resources
Local to your computer
Wave  
wave.webaim.org
Jim Thatcher’s Favelet’s
jimthatcher.com/favelets
Web Developer (Firefox Extension)
addons.mozilla.org/en-US/firefox/addon/60
Accessibility Evaluator
addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/
Juicy Studio Accessibility Toolbar
addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too
Headings Map
addons.mozilla.org/en-us/firefox/addon/headingsmap/
FireEyes 
    www.deque.com/deque-fireeyes
Slide 69
Questions
Thank you for coming today
Are there any questions?
Slide 70
Connecting with Deque
Twitter @deque                               
LinkedIn Deque Systems
Web deque.com
Email info@deque.com

Slide 71
Thank you for participating!
Next Session is May 23, 2013
Accessibility With WordPress
This session was recorded and will be 
archived in two days at 
http://www.ada-audio.org/Webinar/AccessibleTechnology/

		www.ada-audio.org		     877-232-1990 (V/TTY)